<div class="row">
  <div class="col-xs-12">
    <div class="form-group">
      <input type="text" class="form-control " placeholder="请输入商品名称" [formControl]="titleFilter">
    </div>
  </div>
</div>
<div *ngFor="let produce of produces | async" class="col-xs-4" >
  <div class="thumbnail">
    <img [src]="imgUrl" alt="">
    <div class="caption">
      <h4 class="pull-right">{{produce?.price}}</h4>
      <h4><a [routerLink]="['/produce',produce.id]">{{produce?.title}}</a></h4>
      <p>{{produce?.desc}}</p>
    </div>
    <div>
      <app-stars [rating]="produce.rating"></app-stars>
    </div>
  </div>
</div>


